﻿@{
    ViewBag.Title = @AppResource.AboutMe;
}

<div class="row">
    <div class="span4">

        <section class="contact">
            <header>
                 <h5 class="title">Phone</h5>
                   <div class="greystrip"></div>
                   <div class="whitestrip"></div>
            </header>
            <p>
                <span class="label">Main:</span>
                <span>425.555.0100</span>
            </p>
            <p>
                <span class="label">After Hours:</span>
                <span>425.555.0199</span>
            </p>
        </section>

        <section class="contact">
            <header>
                <h5 class="title">Email</h5>
                   <div class="greystrip"></div>
                   <div class="whitestrip"></div>
            </header>
            <p>
                <span class="label">Support:</span>
                <span><a href="mailto:Support@example.com">Support@example.com</a></span>
            </p>
            <p>
                <span class="label">Marketing:</span>
                <span><a href="mailto:Marketing@example.com">Marketing@example.com</a></span>
            </p>
            <p>
                <span class="label">General:</span>
                <span><a href="mailto:General@example.com">General@example.com</a></span>
            </p>
        </section>

        <section class="contact">
            <header>
                <h5 class="title">Address</h5>
                   <div class="greystrip"></div>
                   <div class="whitestrip"></div>
            </header>
            <p>
                One Microsoft Way<br />
                Redmond, WA 98052-6399
            </p>
        </section>


    </div>
    <div class="span11">

        <div id="aboutmeCarousel" class="carousel slide" style="display: none">

            <!-- Carousel items -->
            <div class="carousel-inner">
                <div class="active item">
                    <img src="~/Images/pictures/n1.jpg" /></div>
                <div class="item">
                    <img src="~/Images/pictures/n2.jpg" /></div>
                <div class="item">
                    <img src="~/Images/pictures/n3.jpg" /></div>
            </div>
            <!-- Carousel nav -->
            <a class="carousel-control left" href="#aboutmeCarousel" data-slide="prev">&lsaquo;</a>
            <a class="carousel-control right" href="#aboutmeCarousel" data-slide="next">&rsaquo;</a>
        </div>

    </div>
</div>



